<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动中ing</title>
</head>

<body class="bg">
    <p class="run">户外跑</p>
    <!-- 运动中 -->
    <section class="sporting df jcsb">
        <p class="word">运动中</p>
        <div>
            <span class="iconfont icon-yinle"></span>
            <span class="iconfont icon-tiaojiepeizhi"></span>
        </div>
    </section>
    <!-- 公里数 -->
    <section class="big df jcc aic">
        <div class="num df ">
            <p class="p1">99.99</p>
            <p class="p2">公里</p>
        </div>
    </section>
    <!-- 位置 -->
    <section class="address df jcsb aic">
        <p>GPS信号度低, 数据精准度低</p>
        <p class="line"></p>
        <span class="iconfont icon-dingwei1"></span>
    </section>
    <!-- 配速 -->
    <section class="speed df jcsb">
        <!-- 配速 -->
        <div class="out out1 df fdc aic ">
            <span class="iconfont icon-sudu"></span>
            <p class="tit">配速</p>
            <div class="jian df aic ">
                <p></p>
                <p></p>
            </div>
        </div>
        <div class="out df fdc aic ">
            <span class="iconfont icon-shijian"></span>
            <p class="tit">用时</p>
            <div class="times df aic">
                <p>00:00:20</p>
            </div>
        </div>
        <div class="out out1 df fdc aic">
            <span class="iconfont icon-qialuli"></span>
            <p class="tit">千卡</p>
            <div class="times df aic">
                <p>3000</p>
            </div>
        </div>
    </section>

    <!-- 点击按钮 -->
    <section class="anniu df jcc">
        <div class="mid df fdc jcc aic">
            <span class="iconfont icon-24gf-pause2"></span>
            <p>暂停</p>
        </div>
        <span class="lock iconfont icon-suoding"></span>
    </section>
</body>

</html>